<template>
	<view class="container">
		<empty-state type="data" />
		<empty-state
			type="network"
			show-retry
			retry-text="刷新重试"
			@retry="onRetry"
		/>
		<empty-state title="收藏夹为空" desc="快去添加喜欢的商品吧">
			<template #icon>
				<image src="/static/icon-heart-empty.png" class="icon" />
			</template>
			<template #action>
				<button class="retry-btn" @click="goShop">去逛逛</button>
			</template>
		</empty-state>

		<empty-state type="search" />
	</view>
</template>

<script>
import useStore from '@/store/index';
import EmptyState from '@/components/EmptyState/EmptyState.vue';
export default {
	name: 'CustomSkeleton',
	components: { EmptyState },
	mounted() {
		this.init();
	},
	methods: {
		init() {
			setTimeout(() => {
				this.loading = false;
			}, 2000);
		},
	},
};
</script>

<style lang="scss" scoped>
.container {
}
</style>
